.topbox{width: 100%; max-width: 640px; min-width: 320px;position:fixed;top:0;left:50%;-webkit-transform:translate3d(-50%,0,0);transform:translate3d(-50%,0,0);overflow:hidden;background-color:#fff;border-top:#eceded;-webkit-box-shadow:0 0 4px rgba(0,0,0,.2);box-shadow:0 0 4px rgba(0,0,0,.2);z-index:99999;}
.subscribe{width: 100%; left: 0; right: 0; background-color: rgba(0, 0, 0, 0.8); z-index: 4; overflow: hidden; margin: 0 auto; max-width: 640px; min-width: 320px;height:60px;}
.subscribe .img{width:40px; height:40px; position:absolute; left:10px; top:10px;}
.subscribe .img img{width:40px; height:40px; border-radius:3px;}
.subscribe .text{padding:10px 100px 10px 70px; line-height:20px; color:#fff; font-size:14px;}
.subscribe .text font{color:#f00;}
.subscribe .btn{position:absolute; right:10px; top:15px;}
.subscribe .btn .button{background:#f00;width:70px;height:30px;line-height:30px;text-align:center; border-radius:5px; color: #fff;border:none;}
.index-header{left: 0; right: 0; position: fixed; z-index: 4; overflow: hidden; margin: 0 auto; height:56px; background-color:#fff; top: 0; max-width: 640px; min-width: 320px; margin: 0 auto; width: 100%;position: relative;}
.index-header .index-header-right{font-size:1.875rem; color:#f00;position:absolute;right:10px;top:0.2rem;}
.city_txt{float:left; margin-left:10px;line-height:50px; font-size:16px;}
.city_txt i{color: #f00; font-size:22px;}
.city_txt a{color: #333; padding-left:5px;}
.index-header .index-search-box{overflow: hidden; width: auto; background-color:#EFEFEF; border-radius:6px; height: 40px; line-height: 40px; position: absolute; right:10px; left:120px; top: 0; margin:8px auto; padding: 0 10px;}
.index-header .index-search-box .index-search-input{border: none; width:96%; height: 100%; font-size:14px;padding:0 2%;background:none;border:none;color:#666;line-height:40px;}
.index-header .index-search-box .submit{width: 30px; height: 30px; position: absolute; right:4px; top:8px; background: url(../images/top_s.png) no-repeat; background-size: 70%; border: none; text-indent: -9999em;}
.index-guanz-t{display: none; transition: width 2s; -moz-transition: width 2s; -webkit-transition: width 2s; -o-transition: width 2s; text-align: center; max-width: 640px; min-width: 320px;}
.index-guanz-t.active{display: block; transition: width 2s; -moz-transition: width 2s; -webkit-transition: width 2s; -o-transition: width 2s;}
.index-guanz-show{position: fixed; left: 50%; margin-left: -120px; top: 30%; background: #fff; z-index: 1001; width:200px; height:224px; padding:20px;}
.index-guanz-show img{width:200px;height:200px;}
.index-guanz-show p{color: #4C4D51; font-size:14px;line-height:24px;}
.index-show-close{position:absolute; top:-15px; right:-15px; width:30px; height:30px; border-radius:15px; background:#f00; color:#fff; line-height:30px; text-align:center; font-size:16px;}
.index-guanz-bg{background: rgba(0,0,0,0.7); position: fixed; top: 0; left: 0; right: 0; bottom: 0; z-index: 1000;}
.index-menu{ width: 100%; background-color: #fff; overflow:hidden; padding-bottom:20px; position:relative;}
.index-menu .swiper-slide {}
.index-menu .swiper-slide a { display:block; width:20%;float:left; position: relative;padding-top:10px; }
.index-menu .swiper-slide img { width:60%; border-radius: 50%; margin:0 auto; }
.index-menu .swiper-slide p { font-size: 14px; line-height: 20px;text-align: center;}
.index-menu .m2 { bottom:0!important; }

.ads5 li { float: left; display:block; width: 33%; }
.ads5 li img { max-width: 100%; }
.ads5 li:nth-child(2),.ads5 li:nth-child(4){ margin-left:0.5%; margin-right:0.5%; }
.ads5 li:nth-child(4),.ads5 li:nth-child(5){ padding-top:2px; }

.mod_tit { height: 40px;line-height: 40px; margin-bottom: 6px; border-left: #FF4339 3px solid; background: #fff; font-size: 16px; color: #333; }
.mod_tit font { padding-left: 10px; }
.mod_tit span { float: right; padding-right: 10px; font-size: 14px; font-weight: 400; color: #666; }
.mod_tit span a { color: #666;  }
.mod_tit b { background: #999; color: #fff; padding: 2px 5px; border-radius: 5px; font-size: 14px; font-weight: 400; }
.mod_tit i { color: #FF4339; font-size: 18px; font-weight: 400; margin: 0 10px; }

.xxms {width: 100%; overflow: hidden;}
.xxms ul{ width: 100%;height: auto;overflow-x: auto; overflow-y: hidden; white-space: nowrap; }

.xxms ul::-webkit-scrollbar-thumb{  
    -webkit-box-shadow: inset 0 0 0 transparent;
    background-color: transparent;
}
.xxms ul::-webkit-scrollbar {
    width: 0;
    background-color: transparent;
}
.xxms ul::-webkit-scrollbar-track {
    -webkit-box-shadow: inset 0 0 0 transparent;
    background-color: transparent;
}


.xxms li { display: inline-block;width: 120px; margin-left: 6px; background: #fff; position: relative; }
.xxms li img { width: 100%; }
.xxms li p { padding: 0 6px; height: 30px; line-height: 30px; overflow: hidden; white-space: pre-line;  }
.xxms li p.price { color: #FF4339; font-size: 14px; font-weight:700;}
.xxms li p.price span { float: right; margin-top: 5px; background: #FF4339; color: #fff; font-weight:400;font-size: 12px; padding: 0 5px; height: 20px; line-height: 20px; border-radius: 10px; }
.xxms .timesbg { position:absolute; left:0; top:100px; background:#000; width:100%; height:20px; opacity:0.4; z-index:99; }
.xxms .times { position:absolute; left:0; top:100px; width:100%; height:20px; line-height:20px; text-align:center; color:#fff; z-index:100; }

.ads { width: 100%; margin:0 auto; }
.ads img { display:block; width: 100%; }



